/* ----------------------- index开始 ----------------------- */
/*------ 头部 -----*/
.header_fixed {
    z-index: 100;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    background: url(../img/header_fixed_bg.png) repeat;
}
.header_fixed .main {
    height: 36px;
    padding: 5px 0;
}
.header_fixed .logo {
    margin-right: 0px;
}
.header_fixed .logo a {
    height: 36px;
    height: 50px\9;
    background-size: auto 100%;
}
.header_fixed .search {
    width: 770px;
    margin-top: 3px;
}
.header_fixed .searchBar {
    float: left;
}
.header_fixed .search .searchKeywords {
    overflow: hidden;
    float: left;
    width: 230px;
    height: 30px;
    margin-left: 10px;
}
.header_fixed .shoppingBtn {
    width: 140px;
    padding: 2px 0;
    font-size: 20px;
}

.header_fixed .shoppingList {
    top: 33px;
}
/*------轮播广告------*/

.bannerSlider {
    overflow: hidden;
    position: relative;
    height: 500px;
    top: -38px;
    background: #fff;
}
.bannerSlider .main{
    position: relative;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 1400px;
    height: 100%;
}
.bannerSlider .bSlider {
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
}

.bannerSlider .bSlider li {
    float: left;
    height: 500px;
    width: 1400px;
}
.bannerSlider .bSlider li img{
    width: 100%;
    height: 100%;
    display: block;
}
.bannerSlider .bSlider li a {
    display: block;
    width: 100%;
    height: 100%;
}

.bannerSlider .bBtn {
    zoom: 1;
    z-index: 4;
}

.bannerSlider .bBtn a {
    display: none;
    width: 40px;
    height: 100px;
    background: url(../img/slider-btn.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -50px;
}

.bannerSlider .bBtn .prev {
    left: 0;
    background-position: top left
}

.bannerSlider .bBtn .next {
    right: 0;
    background-position: top right
}

.bannerSlider .bDot {
    position: absolute;
    bottom: 12px;
    left: 43%;
    height: 12px;
    zoom: 1;
    z-index: 3
}
.loading{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}
.bannerSlider .bDot li {
    overflow: hidden;
    float: left;
    width: 12px;
    height: 12px;
    line-height: 10px;
    color: #b5b2a8;
    background: #b5b2a8;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer;
    text-indent: 100000000px;
}

.bannerSlider .bDot li.on {
    color: #5aaa16;
    background: #5aaa16;
}

/*------广告位------*/

.adItem {
    margin-top: -25px;
}

.adItem ul {
    zoom: 1;
    margin-left: -12px;
    margin-top: 10px;
    padding-top: 7px;
}

.adItem li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 290px;
    height: 290px;
    margin: 0 0 10px 13px;
}

.adItem li:hover {
    box-shadow: 0px 0px 7px #444;
}

.adItem p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 270px;
    height: 57px;
    line-height: 25px;
    margin: 10px;
    color: #575757;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: rgba(255, 255, 255, 0.9);
    background: #fff \9;
}

.adItem b {
    display: block;
    font: bold 22px "Microsoft YaHei";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*------商品楼层------*/

.floor {
    clear: both;
    position: relative;
    margin-top: 18px;
}

.floorTitle {
    position: relative;
    height: 32px;
    line-height: 32px;
    margin-bottom: 5px;
}

.floorTitle h2 {
    float: left;
    height: 32px;
    font: bold 18px "Microsoft YaHei";
}

.floorTitle h2 a {
    color: #646464;
}

.floorTitle i {
    display: inline-block;
    width: 31px;
    height: 18px;
    margin-right: 10px;
    padding: 10px 7px 4px 7px;
    color: #fff;
    font: bold 14px "Microsoft YaHei";
    vertical-align: text-bottom;
    background: url(../img/floor_tit_icon.png) no-repeat left top;
}

.floorTitle .keyword {
    float: right;
}

.floorTitle .keyword a {
    color: #4e4e4e;
}

.floorTitle .keyword a:hover {
    text-decoration: underline;
}

.floorTitle .keyword a:after {
    content: "|";
    padding: 0 7px;
}

.floorTitle .keyword a.last:after {
    content: "";
    padding: 0;
}

.floorSide {
    float: left;
    width: 275px;
    height: 462px;
}

.floorMain {
    position: relative;
    float: left;
    background: #fff;
}

.floorMain a {
    display: block;
    transition: transform .2s linear
}

.floorMain a:hover {
    transform: translateX(5px)
}

/* .floorLayout1 {} */

.floorLayout1 ul {
    overflow: hidden;
    zoom: 1;
    margin-left: -6px;
}

.floorLayout1 li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 293px;
    height: 345px;
    margin: 0 0 10px 6px;
    border: 1px solid #d5d5d5;
    background: #fff;
    transition: transform .2s linear
}

.floorLayout1 li:hover {
    transform: translateX(5px)
}

.floorLayout1 img {
    display: block;
}

.floorLayout1 p {
    height: 40px;
    line-height: 20px;
    padding: 5px 10px;
    color: #575757;
    text-align: center;
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.floorLayout1 b {
    display: block;
    color: #000;
    font: normal 14px/20px "Microsoft YaHei";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.floorLayout2 .floorMain {
    width: 924px;
    height: 462px;
    border-top: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5
}

.floorLayout2 li {
    float: left;
    overflow: hidden;
    width: 230px;
    height: 230px;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

.floorLayout2 .wide {
    width: 461px;
}

.floorLayout3 .floorMain {
    width: 923px;
    height: 461px;
    border: 1px solid #d5d5d5;
}

.floorLayout3 .col1, .floorLayout3 .col2, .floorLayout3 .col3 {
    float: left;
    overflow: hidden;
}

.floorLayout3 .col1 {
    width: 234px;
    height: 383px;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

.floorLayout3 .col2 {
    width: 442px;
}

.floorLayout3 .col3 {
    width: 246px;
    height: 461px;
}

.floorLayout3 li {
    float: left;
    overflow: hidden;
    height: 191px;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background: #fff;
}

.floorLayout3 .wide {
    width: 441px;
}

.floorLayout3 .narrow {
    width: 220px;
}

.floorLayout3 .logo-list {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 654px;
    height: 55px;
    padding: 11px;
    border-right: 1px solid #d5d5d5;
    background: #fff;
}

.floorLayout3 .logo-list a {
    float: left;
    margin: 0 14px;
}

/* .floorLayout4 {} */

.floorLayout4 ul {
    overflow: hidden;
    zoom: 1;
    margin-left: -8px;
}

.floorLayout4 li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 292px;
    height: 296px;
    margin: 0 0 10px 8px;
    border: 1px solid #d5d5d5;
    background: #fff;
    transition: transform .2s linear
}

.floorLayout4 li:hover {
    transform: translateX(5px)
}

.floorLayout4 img {
    display: block;
}
/* 楼层配色 */
.t08_channelhome   h2 a{ color:#764e00;}
.t08_channelhome   h2 i{background-position:-230px 0;}

.t07_channelhome   h2 a{ color:#b84f00;}
.t07_channelhome   h2 i{background-position:-368px 0;}

.t06_channelhome   h2 a{ color:#e08683;}
.t06_channelhome   h2 i{background-position:-138px 0;}

.t05_channelhome   h2 a{ color:#f0c000;}
.t05_channelhome   h2 i{background-position:-92px 0;}

.t04_channelhome   h2 a{ color:#45c6ce;}
.t04_channelhome  h2 i{background-position:-184px 0;}

.t03_channelhome   h2 a{ color:#bcc257;}
.t03_channelhome  h2 i{background-position:-276px 0;}

.t02_channelhome  h2 a{ color:#007f4d;}
.t02_channelhome  h2 i{background-position:-46px 0;}

.t01_channelhome   h2 a{ color:#fc5f3c;}
.t01_channelhome   h2 i{background-position:0px 0;}
/*------- 楼层引导 -------*/

.floor-guide {
    overflow: visible;
    position: fixed;
    top: 200px;
    left: 50%;
    width: 35px;
    height: 359px;
    margin-left: -655px;
    z-index: 100;
    text-align: center;
    display: none;
}

.floor-guide a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

.floor-guide b {
    display: block;
    width: 40px;
    height: 40px;
    visibility: visible;
    background: url(../img/floor_guide.png) no-repeat 0px 0px;
}

.floor-guide em {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    width: 24px;
    height: 29px;
    padding: 6px 8px;
    line-height: 14px;
    font-style: normal;
    color: #fff;
    transition: background-color .3s ease-out;
}

.floor-guide i {
    display: block;
    width: 10px;
    margin: auto;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-top: 1px solid #d7d7d7;
}

.floor-guide a:hover b {
    visibility: hidden;
}

.floor-guide a:hover em, .floor-guide .current em {
    visibility: visible;
    color: #fff;
    background-color: #008842;
}

/* .floor-guide .current {} */

.floor-guide .current b {
    display: none;
}

.floor-guide .icon_01_channelhome {
    background-position: 0 0;
}

.floor-guide .icon_02_channelhome {
    background-position: -40px 0;
}

.floor-guide .icon_03_channelhome {
    background-position: -160px 0;
}

.floor-guide .icon_04_channelhome {
    background-position: -80px 0;
}

.floor-guide .icon_05_channelhome {
    background-position: -120px 0;
}

.floor-guide .icon_06_channelhome {
    background-position: -320px 0;
}

.floor-guide .icon_07_channelhome {
    background-position: -200px 0;
}

.floor-guide .icon_08_channelhome {
    background-position: -360px 0;
}

.floor-guide .icon_09_channelhome {
    background-position: -280px 0;
}
    
/* ----------------------- index结束 ----------------------- */

/* ----------------------- details开始 ----------------------- */
/* 商品导航 */

.navItems {
    overflow: hidden;
    float: left;
    width: 1020px;
    height: 37px;
    line-height: 37px;
    border-bottom: 1px solid #008842;
}

.navItems ul li {
    float: left;
    width: 115px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

/* 地址条 */

.crumbs {
    margin: 10px 0;
    margin-left: -10px;
}

.crumbs a {
    margin: 0 10px;
}

/* 产品详情 */

.content {
    margin-bottom: 20px;
}

.picPreview {
    position: relative;
    float: left;
    width: 500px;
    height: 600px;
}

.picPreview .icon {
    position: absolute;
    left: 10px;
    top: 10px;
}

.picBig {
    width: 500px;
    height: 500px;
    overflow: hidden;
    position: relative;
    float: left;
}
.sf {
	width: 50px;
	height: 50px;
	background: orange;
	opacity: 0.3;
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
}
.bf{
    width: 500px;
	height: 500px;
	border: 1px solid #000;
	overflow: hidden;
	position: absolute;
	left: 500px;
	visibility: hidden;
	z-index: 100;
}

.picThumb {
    z-index: 1;
    overflow: hidden;
    position: relative;
    float: left;
}

.picThumb .picList {
    padding-top: 10px;
    width: 500px;
}

.picThumb .picList ul {
    zoom: 1;
    margin-left: -16px;
}

.picThumb .picList li {
    float: left;
    overflow: hidden;
    height: 85px;
    width: 85px;
    border: 1px solid #bcbcbc;
    margin-left: 16px;
    cursor: pointer;
}

.picThumb .picList li:hover, .picThumb .picList .on {
    border-color: #008842;
    padding: 0;
}

.productInfo {
    width: 680px;
    margin-left: 520px;
}

.summaryName {
    margin: 0 85px 20px 0;
}

.summaryName h1 {
    font: normal 26px "Microsoft YaHei";
}

.summaryName p {
    height: 40px;
    margin-top: 5px;
    color: #777;
    font: normal 16px/20px "Microsoft YaHei";
}

.summaryPrice {
    height: 70px;
    padding: 10px 20px;
    background: #fff;
    position: relative;
}

.proPrice {
    float: left;
    height: 70px;
    width: 423px;
}

.proPrice span {
    display: inline-block;
}

.proPrice .tt {
    width: 60px;
}

.proPrice em {
    padding: 0 5px;
    font-size: 18px;
    color: #ff0000;
    font-style: normal;
}

.proPrice strong {
    color: #ff0000;
    font-size: 22px;
    font-weight: normal;
}

.proPrice del {
    font-size: 16px;
    margin-left: 5px;
}

.proPrice .mt5 {
    margin-top: 5px;
}

.proTel {
    position: absolute;
    right: 160px;
    top: 5px;
}

.proTel p {
    float: left;
    margin-top: 53px;
    margin-right: 10px;
}

.proTel i {
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url(../img/icon-tel.png) no-repeat center;
    margin-right: 5px;
    vertical-align: top;
}

.proTel strong {
    font-weight: normal;
    color: #11b57c;
    margin-left: 10px;
}

.proTel .code {
    float: left;
    width: 73px;
    height: 73px;
    padding: 3px 4px 4px 10px;
    background: url(../img/bg-code.png) no-repeat
}

.proTel .code img {
    width: 73px;
    height: 73px;
}

.proM1, .proM2, .proM3 {
    border-top: 1px solid #e2e2e2;
    margin-top: 10px;
    padding-top: 10px;
}

.proM1 strong {
    font-size: 16px;
}

.proM2 {
    color: #999999
}

.proM3 .green {
    border-radius: 4px;
    background: #11b57c;
    color: #fff;
    padding: 5px;
}

.proReview {
    float: right;
    text-align: center;
}

.proReview p {
    line-height: 22px;
    color: #999;
}

.proReview a {
    color: #999
}

.proReview a:hover {
    color: #008842
}

.proReview b {
    color: #e8380d;
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
}

.proReview span {
    padding: 0 5px;
}

.summaryOther {
    margin-top: 20px;
}

.summaryOther .left {
    float: left;
    width: 529px;
    padding-right: 20px;
    border-right: 1px solid #d9d9d9;
}

.summaryOther .dt {
    float: left;
    width: 40px;
    padding: 0 10px;
}

.summaryOther .dd {
    float: left;
    width: 468px;
}

.proService, .proAmount {
    margin-bottom: 20px;
}

.proService {
    padding-left: 10px;
    color: #999;
}

.proService b {
    color: #008842;
}

.mr5 {
    margin-right: 5px;
}

.proAmount .dt {
    line-height: 43px;
}

.summaryOther .righttext {
    float: right;
    width: 120px;
    padding-left: 10px;
    color: #777;
}

.spinner {
    position: relative;
    overflow: hidden;
    float: left;
    width: 76px;
}

.spinner .decrease {
    top: 21px;
    right: 18px;
    border-top: none;
}

.spinner button {
    display: block;
    width: 18px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: right;
    position: relative;
    border: 1px solid #e2e2e2;
    background-color: white;
    cursor: pointer;
}

.spinner input {
    width: 39px;
    height: 39px;
    line-height: 41px;
    font-size: 16px;
    text-align: center;
    border: none;
    -webkit-appearance: none;
    border: 1px solid #e2e2e2;
    border-right: none;
}

.spinner .increase {
    border-bottom: 1px solid #e2e2e2;
    height: 21px;
}

.summaryOther .righttext th {
    padding: 5px 0;
    width: 65px;
    font-weight: normal;
    text-align: left;
}

.summaryOther .righttext td {
    padding-left: 5px;
}

.addcart, .disabled {
    float: left;
    width: 187px;
    height: 43px;
    margin-left: 10px;
}

.addcart a, .disabled a {
    display: block;
    width: 187px;
    height: 25px;
    padding: 9px 0;
    text-align: center;
    font: normal 18px/25px "Microsoft YaHei";
    color: #fff;
    background: #008842;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.addcart a:hover {
    color: #fff;
    background: #09964e;
}
.addcart i, .disabled i {
    width: 28px;
    height: 25px;
    margin-right: 10px;
    vertical-align: bottom;
    background: url(../img/product.png) no-repeat -47px 0;
}

/* ----------------------- details结束 ----------------------- */

/* ----------------------- cart开始 ----------------------- */
/* 头部 */

.steps {
    float: right;
    padding-top: 20px;
    margin-right: 40px;
}

.steps li {
    position: relative;
    float: left;
}

.steps li b {
    background: url(../img/order-step.png) no-repeat;
    width: 36px;
    height: 36px;
    display: block;
    float: left;
}

.steps li .b1 {
    background-position: 0 0;
}

.steps .on .b1 {
    background-position: 0 -44px;
}

.steps li .b2 {
    background-position: -42px 0;
}

.steps .on .b2 {
    background-position: -42px -44px;
}

.steps li .b3 {
    background-position: -84px 0;
}

.steps .on .b3 {
    background-position: -42px -44px;
}

.steps li span {
    position: absolute;
    top: -20px;
    right: 0;
    display: inline-block;
    width: 160px;
    text-align: center;
    right: -62px;
    color: #333;
}

.steps .on span {
    color: #008842;
}

.steps li i {
    width: 165px;
    height: 6px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    display: block;
    float: left;
    margin-top: 15px;
    margin-right: 0;
    overflow: hidden;
}

/* 购物车 */

.cart {
    margin-top: 20px;
}

/* 购物车空 */

.cart-none {
    border: 1px solid #e3e6e0;
    background: #fff;
    line-height: 30px;
    padding: 70px 0;
    display: none;
}

.cart-none p {
    height: 280px;
    font-size: 14px;
    text-align: center;
    background: url(../img/none-bg.jpg) no-repeat center bottom;
}

.cart-none p b {
    font-size: 14px;
    font-weight: normal;
}

.cart-none a {
    color: #008842;
}

.cart-none p b a {
    margin-left: 15px;
}

/* 特惠换购 */

.preferential-buy {
    position: relative;
    border: 1px solid #e3e6e0;
    margin-top: 25px;
    overflow: hidden;
    background: #fff;
    display: none;
}

/* 物品添加后 */

.cart h2, .cart i, .decrement, .increment {
    background-image: url(../img/bg_cart.png);
    background-repeat: no-repeat;
}

.cart h2 {
    font-weight: normal;
    height: 38px;
    line-height: 38px;
    background-color: #fff;
    background-position: 0 0;
    border-bottom: 2px solid #05984d;
    text-indent: -9999em;
    position: relative;
}

.cart .city {
    position: absolute;
    left: 230px;
    top: 4px;
    text-indent: 0;
}

.cart .city-sz {
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 7px 0;
    cursor: pointer;
}

.cart .city-sz i {
    display: inline-block;
    background-position: -80px -40px;
    width: 12px;
    height: 16px;
    margin-right: 8px;
}

.cart .city-tit {
    _overflow: hidden;
    _height: 20px;
    float: left;
}

.cart .city-name {
    z-index: 100;
    position: relative;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    padding: 0 5px 5px 5px;
    _height: 16px;
    _line-height: 16px;
    _padding: 2px 20px 5px 10px;
    cursor: pointer;
}

.cart .city-name s {
    top: 9px;
}

.on-shopping {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    color: #008842;
    text-indent: 0;
    text-decoration: underline;
    margin-right: 22px;
}

.cart-alert {
    border: 1px solid #e3e6e0;
    border-top: 0;
    padding: 10px 20px;
    background-color: #fff;
}

.cart-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
}

.cart-table th {
    height: 40px;
    background-color: #f1f1f1;
    font: 12px/40px Simsun;
    color: #262626;
    text-align: center;
    padding: 0 10px;
}
.cart-table td {
    border-top: 1px solid #ebebeb;
    padding: 10px;
    text-align: center;
}
.cart-t-check {
    width: 20px;
}
.cart-table th.cart-t-check {
    width: 120px;
}

.cart-table th.cart-t-check input {
    margin-right: 20px;
    vertical-align: middle;
}

.cart-table th.cart-t-check, .cart-table td.cart-t-check {
    text-align: left;
    padding-left: 20px;
}

.cart-table th.cart-t-ub {
    width: 75px;
}

.cart-t-price {
    width: 100px;
    color: #262626;
    font-size: 14px;
    line-height: 1em;
}



.cart-table td img {
    width: 80px;
    height: 80px;
    border: 1px solid #ebebeb;
    position: relative;
}

.cart-t-info a {
    font: 14px/2.4em Simsun;
}

.cart-t-num {
    width: 110px;
    color: #262626;
    font: 12px/1em Simsun;
}
.quantity-form {
    position: relative;
    overflow: hidden;
    width: 90px;
    height: 30px;
}
.decrement, .increment {
    margin: 0;
    width: 18px;
    height: 24px;
}
.decrement {
    float: left;
    background-position: 0 -40px;
}
.itxt {
    position: absolute;
    left: 22px;
    top: 0;
    border: 1px solid #cacbcb;
    width: 42px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 1px;
    margin: 0;
    font-size: 12px;
    font-family: verdana;
    color: #333;
    -webkit-appearance: none;
}
.increment {
    float: right;
    background-position: -20px -40px;
}

.cart-t-total {
    width: 110px;
    color: #e93005;
    font-size: 14px;
    line-height: 1em;
}
.cart-t-spec {
    width: 110px;
    color: #262626;
    font: 12px/1em Simsun;
}
.cart-t-opera {
    width: 110px;
    color: #262626;
    font: 12px/2em Simsun;
}
/* cart foot */
.cart-footer {
    background-color: #f7f7f7;
    font-size: 12px;
    line-height: 1em;
    color: #666;
    margin-top: 20px;
    padding: 10px;
}
.cart-footer .main {
    width: 100%;
}
.cart-footer label {
    margin-left: 20px;
    vertical-align: middle;
}
.cart-footer input {
    margin-right: 5px;
}
.cart-footer a {
    font: 12px/40px Simsun;
    margin-left: 20px;
}
.cart-footer a i {
    display: inline-block;
    width: 14px;
    height: 16px;
    background-position: -100px -40px;
    margin-right: 5px;
    vertical-align: middle;
}
.cart-footer span {
    margin-right: 20px;
}
.cart-footer .ub em {
    color: #249c61;
    font: bold 14px/1em Simsun;
}
.cart-footer em {
    color: #ff5317;
    font-weight: bold;
    margin: 0 5px;
    font-size: 18px;
    font-style: normal;
    line-height: 1em;
}
.cart-footer em {
    color: #ff5317;
    font-weight: bold;
    margin: 0 5px;
    font-size: 18px;
    font-style: normal;
    line-height: 1em;
}
.cart-footer .btn {
    font: bold 18px/1em "微软雅黑";
    background-color: #ff5317;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    margin-left: 0;
}
.cart .footer{
    margin-top: 50px;
}
/* ----------------------- cart结束 ----------------------- */

/* ----------------------- login开始 ----------------------- */

i.tip{
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 9px;
    background-image: url(../img/bg_login.png);
    background-repeat: no-repeat;
}
.pass-error {
    color: #f60000;
}
.pass-error i{
    background-position: -40px -200px;
}
.pass-tip i {
    background-position: -20px -200px;
}
.pass-succ i {
    background-position: 0 -200px;
}



.logo .h-tit {
    font: 28px/1 Microsoft YaHei;
    color: #008842;
    position: absolute;
    left: 240px;
    top: 6px;
    white-space: nowrap;
}

.login {
    background-color: #fff;
    margin: 0;
    border: none;
    padding-top: 30px;
}
.login .fr {
    padding-right: 105px;
}    
.login p {
    margin-bottom: 20px;
    font: 12px Arial, "SimSun";
    color: #878787;
    position: relative;
    overflow: hidden;
}
.login-main {
    width: 308px;
    padding: 30px 20px 20px;
    background-color: #fff;
    border: 1px solid #e3e6e0;
}
.login-main p {
    width: 100%;
}
.login p strong {
    color: #262626;
    font: 18px/1 "Microsoft YaHei";
}
.login p span {
    position: absolute;
    right: 0;
    top: 0;
}
.login-main .green {
    text-decoration: underline;
}

.msg-wrap {
    height: auto !important;
    margin: 2px 0px 5px;
    min-height: 31px;
}
.msg-error {
    position: relative;
    background: #FFEBEB none repeat scroll 0% 0%;
    border: 1px solid #E4393C;
    padding: 3px 10px 3px 40px;
    line-height: 18px;
    min-height: 18px;
    color: #E4393C;
}
.input-phone-icon, .input-key-icon {
    position: absolute;
    left: 1px;
    top: 1px !important;
    width: 40px;
    height: 38px;
    background-image: url(../img/bg_input.png);
    background-repeat: no-repeat;
}
.input-phone-icon {
    background-position: 0 -120px;
}

.login .input, .register .input, .forget-pwd .input {
    border: 1px solid #c1c1c1;
    background-color: #fff;
    height: 38px;
    vertical-align: middle;
    padding-left: 14px;
    width: 290px;
    font: 14px/38px "Microsoft YaHei";
}
.login .input {
    padding-left: 50px;
    width: 254px;
    background-image: url(../img/bg_input.png);
    background-repeat: no-repeat;
}
.input-key-icon {
    background-position: 0 -180px;
}
.login .input-yzm {
    background-position: 0 -180px;
    width: 100px;
}
/* 换一张 */
.login .gray{
    margin-top: 13px;
}
/* 自动登录 */
input[type=checkbox] {
    margin-right: 9px;
    height: 14px;
    width: 14px;
}
.btn-reg{
    display: inline-block;
    height: 50px;
    width: 306px;
    text-align: center;
    color: #fff;
    font: 18px/50px "Microsoft YaHei";
    background-color: #008842;
}
.btn-reg:hover {
    color: #fff !important;
}
.login i {
    display: inline-block;
    width: 88px;
    height: 20px;
    background-image: url(../img/bg_login.png);
    background-repeat: no-repeat;
    margin-right: 20px;
}
.qq i {
    background-position: -60px -200px;
}
.sina i {
    background-position: -160px -200px;
}
.ay i {
    background-position: -260px -200px;
    width: 57px;
    margin-right: 0;
}
/* ----------------------- login结束 ----------------------- */

/* ----------------------- register开始 ----------------------- */
.logo .h-tit {
    font: 28px/1 Microsoft YaHei;
    color: #008842;
    position: absolute;
    left: 240px;
    top: 6px;
    white-space: nowrap;
}
.register {
    padding-top: 30px;
}
.tabbable {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.tabbable:before, .tabbable:after {
    display: table;
    content: "";
}
.register .tab-content .tab-pane {
    padding: 40px 0 50px;
    border: 1px solid #a5c9b6;
    border-top: 0;
    background-color: #fff;
}

.register p {
    line-height: 38px;
    margin-bottom: 29px;
    font: 14px Arial,"Microsoft YaHei";
}
.register .field-name {
    display: inline-block;
    width: 220px;
    padding-right: 20px;
    text-align: right;
}
.register .input {
    margin-right: 20px;
}
.register .input{
    border: 1px solid #c1c1c1;
    background-color: #fff;
    height: 38px;
    vertical-align: middle;
    padding-left: 14px;
    width: 290px;
    font: 14px/38px "Microsoft YaHei";
}
.register .input-yzm {
    width: 147px;
}

.input-phone, .input-mail, .input-key {
    background-image: url(../img/bg_input.png);
    background-repeat: no-repeat;
}.input-phone {
    background-position: 276px -30px;
}

.btn-yzm {
    display: inline-block;
    width: 121px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background-color: #f7f7f7;
    border: 1px solid #c1c1c1;
    color: #008842;
    margin-right: 20px;
}
.input-key {
    background-position: 276px -70px;
}
.btn-reg:hover {
    color: #fff !important;
}
.tabbable .right {
    position: absolute;
    top: 17px;
    right: 0;
    font: 14px/1 "Microsoft YaHei";
}
.tabbable .right .orange {
    margin-right: 36px;
    text-decoration: underline;
    color: #ef760a;
}
.register .fr {
    width: 330px;
    height: 340px;
    padding-top: 50px;
    font: 14px/56px "Microsoft YaHei";
    text-align: center;
    background: url(../img/register_line.jpg) 0 0 repeat-y;
}
/* -----------------------register结束 ----------------------- */

/* 页脚 */
#other .footer{
    margin-top: 30px;
}